<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>话说社区3.0</title>

    <!-- Bootstrap core CSS -->
    <link href="__CSS__/bootstrap.min.css" rel="stylesheet">
    <link href="__CSS__/theme.css" rel="stylesheet">
    <link href="__CSS__/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="__IMG__/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="__CSS__/flexslider.css"/>
    <link href="__IMG__/assets/bxslider/jquery.bxslider.css" rel="stylesheet" />
    <link href="__IMG__/assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
    <link rel="stylesheet" href="__IMG__/assets/revolution_slider/css/rs-style.css" media="screen">
    <link rel="stylesheet" href="__IMG__/assets/revolution_slider/rs-plugin/css/settings.css" media="screen">
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-timepicker/compiled/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-datetimepicker/css/datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/jquery-multi-select/css/multi-select.css" />
    <!-- Custom styles for this template -->
    <link href="__CSS__/style.css" rel="stylesheet">
    <link href="__CSS__/style-responsive.css" rel="stylesheet" />

    
     
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <!--header start-->
    <header class="header-frontend">
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="__ROOT__"><img src="__IMG__/img/logo2.png"></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="__APP__/index/index">首页</a></li>
                        <li><a href="__APP__/pindao/index">广场</a></li>
                        <li><a href="__APP__/mic/index">动态</a></li>
                        <li><a href="__APP__/aside/index">附近</a></li>
                        <li><a href="__APP__/friend/index">朋友</a></li>
                        <li><a href="__APP__/user/index">帐号</a></li>
                        <li><a href="javascript:;" data-toggle="modal" data-target="#loginto">登陆</a></li>
                        <li><a href="javascript:;" data-toggle="modal" data-target="#myModal">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--header end-->

    <div class="modal fade" id="loginto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">用户登陆</h4>
              </div>
              <div class="modal-body">
                <section class="panel">
                  <div class="panel-body">
                      <form action="__APP__/index.php/login/login" class="form-horizontal" role="form" method="post">
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">手机号码</label>
                              <div class="col-lg-10">
                                  <input type="text" name="username" class="form-control" id="inputEmail1" placeholder="">
                                  <p class="help-block">输入11位手机号码或者ID号.</p>
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">设置密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="">
                                  <p class="help-block">输入密码.</p>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10">
                                  <input type="submit"  id="btn-danger" class="btn btn-danger" value="登陆">
                              </div>
                          </div>
                      </form>
                  </div>
              </section>
            </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">注册新用户</h4>
              </div>
              <div class="modal-body">
                <section class="panel">
                  <div class="panel-body">
                      <form action="__APP__/index.php/login/toreg" class="form-horizontal" role="form" method="post">
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">个性昵称</label>
                              <div class="col-lg-10">
                                  <input type="text" name="username" class="form-control" id="inputEmail1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">手机号码</label>
                              <div class="col-lg-10">
                                  <input type="text" name="mob" class="form-control" id="inputEmail1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">设置密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">确认密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="repassword" class="form-control" id="inputPassword1" placeholder="">
                              </div>
                          </div>

                          <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10">
                                  <button type="submit" id="btn-danger" class="btn btn-danger">注册</button>
                              </div>
                          </div>
                      </form>
                  </div>
              </section>
            </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

<div class="wapp">

     <div class="container">

     	<section id="main-content">
          <section class="wrapper">
              <!-- page start-->
              <div class="row">

              	<aside class="profile-info col-lg-12">

              		<section class="panel mtop30 tab">
                    <header class="panel-heading service-tab tab-bg-dark-navy-blue">
                        <ul class="nav nav-tabs nav-justified ">
                            <li class="active">
                                <a data-toggle="tab" href="#service1">
                                    关注动态
                                </a>
                            </li>
                            <li>
                                <a data-toggle="tab" href="#service2">
                                    @我动态
                                </a>
                            </li>
                            <li class="">
                                <a data-toggle="tab" href="#service3">
                                    朋友动态
                                </a>
                            </li>
                        </ul>
                    </header>
                    <div class="panel-body">
                        <div class="tab-content tasi-tab">
                            <div id="service1" class="tab-pane active">
                                <div class="services">
                                    <div class="content">

					                    <div class="row">
					                        <div class="col-lg-12 col-sm-12">	
                                                <?php if(is_array($sec)): foreach($sec as $key=>$seclist): ?><div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="<?php echo ($img); ?>tx_id=<?php echo ($seclist["tx_id"]); ?>&w=100&h=100" alt="<?php echo ($seclist["user_name"]); ?>">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        <?php echo ($seclist["user_name"]); ?> <span>|</span>
					                                        <span><?php echo ($seclist["save_time"]); ?> </span>
					                                    </h4>
					                                    <p>
                                                        <?php echo ($seclist["title"]); ?>
	                                                    </p>
                                                        <p><?php echo ($seclist["cs"]); ?></p>
					                                    <hr>
					                                    <!--end media-->
					                                </div>
					                            </div><?php endforeach; endif; ?>	
					                        </div>
					                    </div>					                    

                                    </div>
                                </div>
                            </div>
                            <div id="service2" class="tab-pane">
                                <div class="services">
                                    <div class="content">

					                    <div class="row">
					                        <div class="col-lg-12 col-sm-12">					                            
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar1.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Anjelina Joli <span>|</span>
					                                        <span>12 July 2013, 10:20 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                    <hr>
					                                    <!--end media-->
					                                </div>
					                            </div>
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar2.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Tom Cruse <span>|</span>
					                                        <span>12 July 2013, 11:10 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                </div>
					                            </div>
					                        </div>
					                    </div>					                    

                                    </div>
                                </div>
                            </div>
                            <div id="service3" class="tab-pane">
                                <div class="services">
                                    <div class="content">
          
					                    <div class="row">
					                        <div class="col-lg-12 col-sm-12">					                            
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar1.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Anjelina Joli <span>|</span>
					                                        <span>12 July 2013, 10:20 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                    <hr>
					                                    <!--end media-->
					                                </div>
					                            </div>
					                            <div class="media">
					                                <a class="pull-left" href="javascript:;">
					                                    <img class="media-object" src="__IMG__/img/avatar2.jpg" alt="">
					                                </a>
					                                <div class="media-body">
					                                    <h4 class="media-heading">
					                                        Tom Cruse <span>|</span>
					                                        <span>12 July 2013, 11:10 </span>
					                                    </h4>
					                                    <p>
					                                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
					                                    </p>
					                                    <a href="javascript:;">回复</a>
					                                </div>
					                            </div>
					                        </div>
					                    </div>					                    
		
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                </aside> 

              </div>
              <!-- page end-->
          </section>
      </section>



     </div>
 </div>




    <!--footer start-->
    <footer class="footer">
      <p>周百通科技有限公司 版权所有 粤ICP备12050978号</p>
    </footer>
    <!--footer end-->

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="__JS__/jquery.js"></script>
    <script src="__JS__/jquery-1.8.3.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <script type="text/javascript" src="__JS__/hover-dropdown.js"></script>
    <script defer src="__JS__/jquery.flexslider.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bxslider/jquery.bxslider.js"></script>
    <script type="text/javascript" src="__JS__/jquery.parallax-1.1.3.js"></script>
    <script src="__JS__/jquery.easing.min.js"></script>
    <script src="__JS__/link-hover.js"></script>
    <script src="__IMG__/assets/fancybox/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="__IMG__/assets/revolution_slider/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="__IMG__/assets/revolution_slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <!--common script for all pages-->
    <script type="text/javascript" src="__IMG__/assets/fuelux/js/spinner.min.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-daterangepicker/moment.min.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/jquery-multi-select/js/jquery.multi-select.js"></script>
      <script type="text/javascript" src="__IMG__/assets/jquery-multi-select/js/jquery.quicksearch.js"></script>
    <script src="__IMG__/assets/jcrop/js/jquery.Jcrop.min.js"></script>
    <script src="__JS__/common-scripts.js"></script>    
    <script src="__JS__/revulation-slide.js"></script>
    <script src="__JS__/advanced-form-components.js"></script>
    <script>

        RevSlide.initRevolutionSlider();

        $(window).load(function() {
            $('[data-zlname = reverse-effect]').mateHover({
                position: 'y-reverse',
                overlayStyle: 'rolling',
                overlayBg: '#fff',
                overlayOpacity: 0.7,
                overlayEasing: 'easeOutCirc',
                rollingPosition: 'top',
                popupEasing: 'easeOutBack',
                popup2Easing: 'easeOutBack'
            });
        });

        $(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider) {
                    $('body').removeClass('loading');
                }
            });
        });

        //    fancybox
        jQuery(".fancybox").fancybox();



    </script>

  </body>
</html>